Back

Info Box

  
As you mouse over the colored boxes a description is display in the text box.  The images are hyperlinked. 


Paste between the <HEAD></HEAD> tags

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function showMsg(text) {
document.picform.message.value = text;
}
// End -->
</script>
 

Script instructions for <BODY> of the HTML Document

Image Info Link Message
<form name="picform">
<p align="left">
<textarea name=message rows=4 cols=40 wrap=virtual>Mouse over a box...</textarea><br>
</p>
</form>
<p><center>
<font face="arial, helvetica" size="-2">
<table border="0" cellpadding="3" cellspacing="1" width="29%">
<tr>
<td width="33%" align="center">
<a href="HTTP://WWW.ashesh.com.np"
onmouseover="showMsg('This is a blue box.');"
onmouseout="showMsg('');">
<img name="button3" src="images/bluebox.gif" border="0" width="50" height="50"></a></td>
<td width="33%" align="center">
<a href="HTTP://WWW.ashesh.com.np"
onmouseover="showMsg('This is a red box.');"
onmouseout="showMsg('');">
<img name="button1" src="images/redbox.gif" border="0" width="50" height="50"></a></td>
<td width="34%" align="center">
<a href="HTTP://WWW.ashesh.com.np"
onmouseover="showMsg('This is a green box.');"
onmouseout="showMsg('');">
<img name="button2" src="images/greenbox.gif" border="0" width="50" height="50"></a></td>
</tr>
</table>
</font>
</center><p>
 

Paste script between the <HEAD></HEAD> tags.


Paste script where needed in the body of the HTML Document.



© 2008 ashesh.com.np